<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="telephone=no" name="format-detection" />
	<meta http-equiv="Cache-Control" content="no-cache"/>
	<meta name="MobileOptimized" content="320">
	<!-- uc强制竖屏 -->
	<meta name="screen-orientation" content="portrait">
	<!-- QQ强制竖屏 -->
	<meta name="x5-orientation" content="portrait">
	<!-- UC强制全屏 -->
	<meta name="full-screen" content="yes">
	<!-- QQ强制全屏 -->
	<meta name="x5-fullscreen" content="true">
	<!-- UC应用模式 -->
	<meta name="browsermode" content="application">
	<!-- QQ应用模式 -->
	<meta name="x5-page-mode" content="app">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/simpScroller.css">
	<script type="text/javascript" src="js/viewport.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/simpScroller-min.js"></script>
	<title>在线订餐</title>
</head>
<body>
		<header>
			<h1>在线订餐</h1>
			<div>
				<img src="images/11.png" alt="">
			</div>
		</header>
		<div class="container clearfix">
			<div class="sidebar">
				<div class="ul-box">
					<ul>
						<li class="pop-food">畅销菜品</li>
						<li class="">经典菜品</li>
						<li class="">新推菜品</li>
						<li class="">套餐</li>
						<li class="">套餐2</li>
					</ul>
				</div>
				</div>
					<div class="main">			
						<div class="pop-box food-box">
							<div class="ul-box">
								<ul>
									<li>
										<div class="li-img">
											<img src="images/l1.png" alt="">
										</div>
										<div class="li-word">
											<div class="name">
												<span>秘制蒜蓉大虾</span>
											</div>
											<div class="price">
												<span>￥</span><span class="one-price">98.00</span>
											</div>
											<div class="button">
												<button class="minus">-</button>
													<span class="one-amount">0</span>
												<button class="add">+</button>
												<input type="text" class="input1" style="display:none;">
											</div>
										</div>
									</li>
									<li>
										<div class="li-img">
											<img src="images/l1.png" alt="">
										</div>
										<div class="li-word">
											<div class="name">
												<span>秘制香辣虾</span>
											</div>
											<div class="price">
												<span>￥</span><span class="one-price">98.00</span>
											</div>
											<div class="button">
												<button class="minus">-</button>
													<span class="one-amount">0</span>
												<button class="add">+</button>
												<input type="text" class="input1"  style="display:none;">
											</div>
										</div>
									</li>

									<div class="placehorlder"></div>
									</ul>
							</div>
						</div>	
						<div class="classical-box food-box">
							<div class="ul-box">
								<ul>
									<li>
										<div class="li-img">
											<img src="images/l1.png" alt="">
										</div>
										<div class="li-word">
											<div class="name">
												<span>秘制红烧肉</span>
											</div>
											<div class="price">
												<span>￥</span><span class="one-price">48.00</span>
											</div>
											<div class="button">
												<button class="minus">-</button>
												<span class="one-amount">0</span>
												<button class="add">+</button>
												<input type="text" class="input1" style="display:none;">
											</div>
										</div>
									</li>
									<li>
										<div class="li-img">
											<img src="images/l1.png" alt="">
										</div>
										<div class="li-word">
											<div class="name">
												<span>东江盐焗鸡</span>
											</div>
											<div class="price">
												<span>￥</span><span class="one-price">48.00</span>
											</div>
											<div class="button">
												<button class="minus">-</button>
												<span class="one-amount">0</span>
												<button class="add">+</button>
												<input type="text" class="input1" style="display:none;">
											</div>
										</div>
									</li>
										<div class="placehorlder"></div>
								</ul>
							</div>
						</div>
						<div class="hide food-box">
							<div class="ul-box">
								<ul>
									<li>
										<div class="li-img">
											<img src="images/l1.png" alt="">
										</div>
										<div class="li-word">
											<div class="name">
												<span>秘制毛峰熏鲥鱼</span>
											</div>
											<div class="price">
												<span>￥</span><span class="one-price">78.00</span>
											</div>
											<div class="button">
												<button class="minus">-</button>
												<span class="one-amount one-amount">0</span>
												<button class="add">+</button>
												<input type="text" class="input1" style="display:none;">
											</div>
										</div>
									</li>
									<div class="placehorlder"></div>
								</ul>
							</div>
						</div>
						<div class="hide food-box">
							<div class="ul-box">
								<ul>
									<li>
										<div class="li-img">
											<img src="images/l1.png" alt="">
										</div>
										<div class="li-word">
											<div class="name">
												<span>两湖莼菜汤+东江盐焗鸡</span>
											</div>
											<div class="price">
												<span>￥</span><span class="one-price">188.00</span>
											</div>
											<div class="button">
												<button class="minus">-</button>
												<span class="one-amount one-amount">0</span>
												<button class="add">+</button>
												<input type="text" class="input1" style="display:none;" >
											</div>
										</div>
									</li>
									<div class="placehorlder"></div>
								</ul>
							</div>
						</div>
						<div class="hide food-box">
							<div class="ul-box">
								<ul>
									<li>
										<div class="li-img">
											<img src="images/l1.png" alt="">
										</div>
										<div class="li-word">
											<div class="name">
												<span>两湖莼菜汤+东江盐焗鸡</span>
											</div>
											<div class="price">
												<span>￥</span><span class="one-price">188.00</span>
											</div>
											<div class="button">
												<button class="minus">-</button>
												<span class="one-amount one-amount">0</span>
												<button class="add">+</button>
												<input type="text" class="input1" style="display:none;">
											</div>
										</div>
									</li>
									<div class="placehorlder"></div>
								</ul>
							</div>
						</div>	
					</div>	
			</div>
			<footer class="clearfix">
				<div class="buy-box">
					<div class="buy-img">
						<img src="images/buy_car1.png" class="buy_car1" alt="">
						<img src="images/buy_car2.png" class="buy_car2" alt="">
						<img src="images/num.png" alt="" class="num">
					</div>
					<div class="buy-num">
						<span class="sum">0</span>
					</div>
					<div class="buy-amont">
						<span>￥</span><span class="sum-price">0.00</span>
						<input type="text" class="input2" style="display:none;">
					</div>
				</div>
				<div class="submit">
					<button>提交订单</button>
				</div>
			</footer>
		
			<div class="layer">
				<div class="layer-box">
					<div class="layer-top">
						<h2>您的购物车</h2>
						<button class="clear-btn">清空购物车</button>
						<img src="images/down.png" alt="" class="down-img">
					</div>
					<div class="layer-content">
						<ul class="layer-content-ul">

							
						</ul>
					</div>
				</div>
			</div>
	</div>
</div>
	

</body>
</html>